Welcome to Css!

5.02 行高

行高:行高可以控制行与行之间的间距,但不是行间距,只是行的高度

Line-height:合理的行高

1、 normal 默认值

2、 尺寸单位,固定的行高,可以是像素单位;

3、 数字 当明字体尺寸的倍数来设置行高,如浏览器字体默认是16px,如用2来表示,则表示32px;

4、 百分比,当前字体珠百分比来设置行高。

5、行高经常用来使文本垂直居中;


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>css</title>

<style type="text/css">

span{font-size:20px;line-height:40px}

p{width:200px;height:100px;background:#f2f2f2;

font-size:20px;

line-height:100px

}

<!--height:100px和line-height:100px像素一致就居中了-->

</style>

</head>

<body>

<span >我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习

我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习我要好好学习</span>

<p>我用来设置垂直居中</p>

</body>

</html>

返回值: